<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>提交表单</title>
<script>
  function sub() {
    alert(document.form1.text1.value);
    // 执行表单的submit方法，提交表单
    document.form1.submit();
  }
</script>
</head>
<body>
  分别使用普通按钮、submit按钮、链接提交表单数据
  <!-- onsubmit事件：在执行submit操作时触发 -->
  <form name="form1" method="post" action="submit.html" onsubmit="alert(this.text1.value)">
    <label>
      输入字符
      <input type="text" name="text1">
    </label>
    <br>
    <!-- onsubmit事件：在执行click操作时触发 -->
    <input type="button" value="普通按钮提交" onclick="alert(text1.value); document.form1.submit()">
    <br>
    <input type="submit" value="submit按钮提交">
    <br>
    <!-- 在点击超级链接时调用javascript函数 -->
    <a href="javascript:sub()">使用链接提交</a>
  </form>
</body>
</html>